<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <title>去嗨KTV</title>
    <link rel="stylesheet" href="lib/Swiper/dist/css/swiper.min.css">
    <!-- Compiled and minified CSS -->
    <link rel="stylesheet" href="lib/materialize/css/materialize.min.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/main.css">
</head>

<body style="background:#ecedee;">
    <!-- 头部 -->
    <header class="index-header">
        <div class="container">
            <div class="fl">
                <a class="" href="">
                    <img src="img/menu.png" alt="">
                </a>
            </div>
            <div class="fr">
                <a href="" class="">去嗨西湖店<i></i></a>
            </div>
            <!-- <h1>评价</h1> -->
        </div>
    </header>
    <!-- banner -->
    <div class="banner">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="img/banner.png" alt=""></div>
                <div class="swiper-slide"><img src="img/banner.png" alt=""></div>
                <div class="swiper-slide"><img src="img/banner.png" alt=""></div>
            </div>
            <div class="swiper-pagination"></div>
        </div>
    </div>
    <div class="menu">
        <div class="container">
            <ul>
                <li>
                    <a class="box_order" href="">
                        <img src="img/box_order.png" alt="">
                        <small>包厢预订</small>
                    </a>
                </li>
                <li>
                    <a class="order_online" href="">
                        <img src="img/order_online.png" alt="">
                        <small>在线点餐</small>
                    </a>
                </li>
                <li>
                    <a class="vip" href="">
                        <img src="img/vip.png" alt="">
                        <small>会员中心</small>
                    </a>
                </li>
                <li>
                    <a class="fast_trading" href="">
                        <img src="img/fast_trading.png" alt="">
                        <small>快速买单</small>
                    </a>
                </li>
            </ul>
            <ul>
                <li>
                    <a class="coupon" href="">
                        <img src="img/coupon.png" alt="">
                        <small>领红包</small>
                    </a>
                </li>
                <li>
                    <a class="community" href="">
                        <img src="img/community.png" alt="">
                        <small>社区</small>
                    </a>
                </li>
                <li>
                    <a class="game" href="">
                        <img src="img/game.png" alt="">
                        <small>游戏</small>
                    </a>
                </li>
                <li>
                    <a class="wine" href="">
                        <img src="img/wine.png" alt="">
                        <small>我得寄酒</small>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div class="shop-info">
        <span class="shade"></span>
        <img src="img/shop_bg.png" alt="">
        <div class="info container">
            <h1>去嗨西湖店</h1>
            <p class="score"><span class="score-level"><b></b></span></p>
            <p>西湖区玉古路168号</p>
            <p>0579-8651414</p>
            <p class="more-info">免费停车 | 免费WIFI | 免费美甲</p>
            <button class="check waves-effect waves-light btn1">查看评价</button>
            <button class="display waves-effect waves-light btn2">门店展示图</button>
        </div>
    </div>
    <div class="activity">
        <h2>当前门店活动</h2>
        <div class="articel">
            <div class="topbar clearfix">
                <div class="container">
                    <div class="fl">
                        <i></i>限时秒杀
                    </div>
                    <div class="fr">
                        <i></i>18:12:03
                    </div>
                </div>
            </div>
            <div class="content container clearfix">
                <a href="">
                    <p class="act-name">3周年庆典献礼活动 · <span>小包</span></p>
                    <small>12瓶啤酒，免3小时房费</small>
                    <p class="out-price"><em>¥</em> 369.00</p>
                    <p class="price"><span class="fl">周一至周五 12:00-18:00</span><span class="fr"><em>¥ </em>219.00</span></p>
                </a>
            </div>
        </div>
    </div>
    <div class="activity special-offer">
        <div class="articel">
            <div class="topbar clearfix">
                <div class="container">
                    <div class="fl">
                        <i></i>特惠活动
                    </div>
                </div>
            </div>
            <div class="content container clearfix">
                <a href="">
                    <p class="act-name">3周年庆典献礼活动</p>
                    <small>12瓶啤酒，免3小时房费</small>
                    <p class="price"><span class="fl">周一至周五 12:00-18:00</span><span class="fr"><em>¥ </em>119.00 - <em>¥ </em>219.00</span></p>
                </a>
            </div>
        </div>
    </div>
    <div class="activity oth">
        <h2>其他门店活动</h2>
        <div class="articel">
            <div class="topbar clearfix">
                <div class="container">
                    <div class="fl">
                        <i></i>特惠活动
                    </div>
                </div>
            </div>
            <div class="content container clearfix">
                <a href="">
                    <p class="act-name">3周年庆典献礼活动<span>亲亲家园店</span></p>
                    <small>12瓶啤酒，免3小时房费</small>
                    <p class="price"><span class="fl">周一至周五 12:00-18:00</span><span class="fr"><em>¥ </em>119.00 - <em>¥ </em>219.00</span></p>
                </a>
            </div>
        </div>
    </div>
</body>
<script src="lib/jquery/dist/jquery.min.js"></script>
<!-- Compiled and minified JavaScript -->
<script src="lib/materialize/js/materialize.min.js"></script>
<script src="lib/Swiper/dist/js/swiper.min.js"></script>
<script>
var mySwiper = new Swiper('.swiper-container', {
    autoplay: 5000, //可选选项，自动滑动
    loop: true, //可选选项，开启循环
    pagination: '.swiper-pagination'
});
</script>

</html>
